.loginPage {
  display: flex;
  position: fixed;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #ccc;
  .backgroundBox {
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background-image: url("../../assets/img/home.jpg");
    
    background-color: #111;
    background-size: 100% 100%;
    transition: all 0.5s ease 0s
  }
  .container {
    position: relative;
    width: 240px;
    height: 300px;
    padding: 100px 40px 40px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    .box {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 90px 40px 40px;
      background: linear-gradient(230deg, rgba(53, 57, 74, 0), #000);
      .title {
        height: 60px;
        color: #d3d7f7;
        font-size: 16px;
        margin-bottom: 0;
        font-weight: 500;
      }
      .form {
        :global(.ant-form-item) {
          margin-bottom: 10px;
          :global(.ant-input-group-addon) {
            width: 30px;
            background: transparent;
            padding: 0;
            border: none;
            color: #fff;
            opacity: 0.8;
          }
          .input {
            color: #61bfff;
            border: none;
            outline: none;
            box-shadow: none;
            background: transparent;
          }
        }
        .bottom {
          display: flex;
          height: 42px;
          justify-content: space-between;
          align-items: center;
          .loginBtn {
            padding: 10px 50px;
            border: 2px solid #4fa1d9;
            border-radius: 50px;
            outline: none;
            background: transparent;
            font-size: 11px;
            color: #4fa1d9;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            &:hover {
              color: white;
              background: #4fa1d9;
              cursor: pointer;
            }
          }
          .registerBtn {
            color: #4fa1d9;
            cursor: pointer;
            &:hover {
              color: #d3d7f7;
            }
          }
        }
				.footer {
					position: absolute;
					bottom: 20px;
					left: 35px;
					width: 250px;
					color: #d3d7f7;
					font-size: 10px;
				}
      }
    }
  }
}
